<template>
  <p class="ok" onclick="this.innerHTML='单击了'" style="color:red" title="点击看看效果">段落文字</p>
  <hr>
  <!-- 内联 -->
  <p v-on:click="ps='ok'">{{ ps }}</p>

  <!-- 方法事件 -->
  <p v-on:click="f1">{{ ps }}</p>

  <div>hellodiv</div>
  <button @click="show(10,20,$event)">show-{{ ps }}</button>

</template>
<script lang="ts">
//会自动导入lib目录下的index.js 或 index.ts
import {show} from '@/lib'

export default {
  data() {
    return {
      ps: 'vue 事件段落文字'
    }
  },
  methods: {
    show,
    f1(): void {
      alert(this.ps)
    }
  }
}
</script>

<style lang="scss" scoped>
.ok {
  cursor: pointer;
}
</style>
